<template>
	<view class="SystemSettings">
		<view class="header">

		</view>
		<view class="opinion pub" @click="gotpOpinion">
			<button class="pub contact">
				意见反馈
				<img class="zjt" src="https://wlsy.nanjingyunpeng.cn/weixin/image/zjt.png" alt="">
			</button>
			<!-- <view class="">
				意见反馈
			</view> -->
			<!-- <img class="zjt" src="https://wlsy.nanjingyunpeng.cn/weixin/image/zjt.png" alt=""> -->
		</view>
		<view class="contact pub" @click="gotoContact">
			<!-- 	<view class="">
				联系客服
			</view> -->
			<button open-type="contact" class="pub contact">联系客服
				<img class="zjt" src="https://wlsy.nanjingyunpeng.cn/weixin/image/zjt.png" alt="">
			</button>
		</view>
		<!-- 退出登录 -->
		<view class="exit">
			<button class="btn" @click="exit">
				退出登录
			</button>
		</view>
		<view class="footer">
			<image class="footerimg" src="https://wlsy.nanjingyunpeng.cn/weixin/image/footerImg.png"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			gotpOpinion() {
				uni.navigateTo({
					url: '/pages/centerlist/opinion'
				});
			},
			gotoContact() {
				// uni.navigateTo({
				// 	url: '/pages/center/contact'
				// });
			},
			exit() {
				console.log("推出")
				uni.removeStorageSync("token")
				if (!uni.getStorageSync('token')) {
					uni.navigateTo({
						url: '/pages/login/login'
					});
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.SystemSettings {
		min-width: 100%;
		min-height: 100%;
		background-color: #EEF7FE;
		// padding: 30rpx;
		padding-top: 70rpx;
		box-sizing: border-box;

		.header {
			width: 750rpx;
			height: 40rpx;
			background: #466EE7;
			border-radius: 0rpx 0rpx 60rpx 60rpx;
			position: fixed;
			top: 0;
			left: 0;
		}

		.pub {
			
			height: 88rpx;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			opacity: 1;
			margin-bottom: 20rpx;
			display: flex;
			align-items: center;
			padding: 0 30rpx;
			justify-content: space-between;
			box-sizing: border-box;
            .contact{
				width: 720rpx;
				background: #FFFFFF;
			    outline: none;
				box-shadow: 0rpx 2rpx 8rpx 0rpx rgba(51,51,51,0.05);
				// border: 1rpx solid darkgrey;
				outline-color:snow;
				
			}
  
			.zjt {
				width: 48rpx;
				height: 48rpx;
			}
		}

		.exit {
			margin-top: 1000rpx;

			.btn {
				width: 690rpx;
				height: 88rpx;
				background: linear-gradient(1deg, #688EFA 0%, #466EE7 100%);
				border-radius: 200rpx 200rpx 200rpx 200rpx;
				opacity: 1;
				font-size: 32rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 88rpx;
				z-index: 99;
			}
		}

		.footer {
			width: 750rpx;
			height: 324rpx;
			position: fixed;
			bottom: 0;
			left: 0;

			.footerimg {
				width: 100%;
				height: 100%;
			}
		}

	}
</style>
